<template>
  <div id="app">
    <!-- <nav> -->
    <!-- <router-link to="/">Home</router-link> | -->
    <!-- <router-link to="/about">About</router-link> -->
    <!-- </nav> -->

    <!-- <bottom-menu></bottom-menu> -->

    <router-view
      @item-remove="remove"
      @item-collect="itemCollect"
      :tongbu="Collect_Comic"
    />
    <div style="height: 16vw"></div>
  </div>
</template>
<script>
import BottomMenu from "./views/BottomMenu.vue";

export default {
  components: {
    BottomMenu,
  },
  data() {
    return {
      Collect_Comic: [],
    };
  },
  methods: {
    itemCollect(arr) {
      this.Collect_Comic = arr;
    },
    remove(arr) {
      this.Collect_Comic = arr;
    },
  },
};
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

ul,
ol {
  list-style: none;
}

a {
  color: #000;
  text-decoration: none;
}

input {
  outline: none;
}
</style>
